<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<title></title>
		<link rel="stylesheet" href="../css/common/mui.css" />
		<link rel="stylesheet" href="../css/common/common.css" />
		<link rel='stylesheet' href='../css/this/product.css' />
		<link rel="stylesheet" href="../css/common/swiper.min.css" />
		<link rel="stylesheet" href="../layer/skin/layer.css" />
		<style>
			body{
				background:#fff;
			}
		</style>
	</head>
	<body>
	<nav class='mui-row lH48 bB theFirst'>
		<div class='mui-col-xs-6 pL15'>
			<img style="display: inherit" src="../img/product/app.png" width="40px" height="40px" class='mT5 '/>
		</div>
		<div class='mui-col-xs-6 load-app tR pR15'>
			<button class='fS15 fWB btn btn-black lH30 mT9'>下载APP</button>
		</div>
	</nav>
		<section class='detail'></section>
		
		<script type='text/template' id='tpl-detail'>
		<section class='slide pSR bGWhite'>
			 {{/*<!-- Swiper -->*/}}
		    <div class="swiper-container">
		        <div class="swiper-wrapper">
		        	{{each info.pic as pic}}
		            <div class="swiper-slide">
		            	<img src="{{pic}}"  width='100%'/>
		            </div>
		            {{/each}}
		        </div>
		        {{/*<!-- Add Pagination -->*/}}
		    	<div class="swiper-pagination"></div>
				<img src="../img/product/play.png" width='88px' height='88px' class='play'/>
		    </div>
		    <div class='share pL15'>
		    	<img src="../img/product/share.png" width='50px' height='50px'/>
		    </div>
		</section>
		<section class='bGWhite tC'>
			<div class='pT8'>
				<p class='dIB zan'>
					<img src="../img/product/love.png" width='18px' height='18px' />
				</p>
				<p class='dIB fS15 zan-num'>{{info.thing_num}}</p>
			</div>
			<p class='tC cGrey fS12 mT8 pB10 bB'>小伙伴们关注 <span class='pL5 cRed roundLike'></span></p>
			<section class='pT14 pL20 pR20 pSR'>
				<div class='fS15 ls1 detail-title dIB' data-id='{{info.id}}' data-stock='{{info.stock}}' data-warehouseType='{{info.warehouseType}}' data-supplierId='{{info.ms_stock_supplierid}}'>
					{{if info.guojiapic}}
					<img src="{{info.guojiapic}}" width='22px' height='15px' class='pSR' style='top:-2px'/>
					{{/if}}
					{{info.pname}}
				</div>
			</section>
		
			<div class='dIB bB pT12 pB15 cT'>
				<span class='fS15 cRed'>&yen;<span class='fS22'>{{info.ms_price}}</span></span>
				<span class='fS12 cGrey'>&yen;{{info.market_price}}</span>
				<span class='fS12 cGrey info-sale'>累积销量<span> {{info.sale}}</span></span>
			</div>
		</section>
		<section class='detail-img n-first bGWhite pT21'></section>
		<section class='pT32 pL17 pR17 bGWhite mB56 add-more'>
			<div class=' pT12 pB12 tC'>
				<h2 class='fWN fS15'>产品详情</h2>
				<p class='fS12 cGrey'>（点击加载更多图片）</p>
			</div>
		</section>
		<section class='detail-img n-all dN'></section>
		</script>
		<footer class='w mui-row'>
			<div class='mui-col-xs-6'>
				<button class='btn btn-white fS15 w lH56 fS15'>倒计时</button>
			</div>
			<div class='mui-col-xs-6 toBuy'>
				<button class='btn btn-black w lH56 fS15 toBuy'>立即购买</button>
			</div>
		</footer>
		<script src='../js/common/jquery.min.js'></script>
		<script src='../js/common/swiper.min.js'></script>
		<script src='../js/common/swiper.animate.min.js'></script>
		<script src='../layer/layer.js'></script>
		<script src='../js/common/loading.js'></script>
		<script src="../js/common/template.js"></script>
		<script src='../js/common/api.js'></script>
		<script src="../js/common/app.js"></script> 
		<script src='productDetail.js'></script>
	</body>
</html>
